/* GLOBAL STYLES
 *--------------------------------------------------
/* Padding below the footer and lighter body text
// carousel.css
// 主题

body
  // font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .lead
  // font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif

a
  @include link-colors(#006699, #006699)
  // @include link-colors(#005588, #006699)
  // @include link-colors(#006666, #006666)
  // @include link-colors(#003366, #003366)
  @include hover-link

/* CUSTOMIZE THE NAVBAR
 *--------------------------------------------------

/* Special class on .container surrounding .navbar, used for positioning it into place.

.navbar-wrapper
  position: absolute
  top: 0
  left: 0
  right: 0
  z-index: 20
  .container
    padding-left: 0
    padding-right: 0
  .navbar
    padding-left: 15px
    padding-right: 15px

/* Flip around the padding for proper display in narrow viewports

/* CUSTOMIZE THE CAROUSEL
 *--------------------------------------------------

/* Carousel base class

.carousel
  height: 500px
  margin-bottom: 60px

/* Since positioning the image, we need to help out the caption

.carousel-caption
  z-index: 10

/* Declare heights because of positioning of img element

.carousel .item
  height: 500px
  background-color: #777

.carousel-inner > .item > img
  position: absolute
  top: 21px
  left: 0
  min-width: 100%
  height: 500px

/* MARKETING CONTENT
 *--------------------------------------------------

/* Pad the edges of the mobile views a bit

.marketing
  padding-left: 15px
  padding-right: 15px
  .col-lg-4
    text-align: center
    margin-bottom: 20px
  h2
    font-weight: normal
  .col-lg-4 p
    margin-left: 10px
    margin-right: 10px

/* Center align the text within the three columns below the carousel

/* Featurettes
 *-------------------------

.featurette-divider
  margin: 80px 0
/* Space out the Bootstrap <hr> more

/* Thin out the marketing headings

.featurette-heading
  font-weight: 300
  line-height: 1
  letter-spacing: -1px

/* RESPONSIVE CSS
 *--------------------------------------------------

@media (min-width: 768px)
  /* Remove the edge padding needed for mobile
  .marketing
    padding-left: 0
    padding-right: 0
  /* Navbar positioning foo
  .navbar-wrapper
    margin-top: 20px
    .container
      padding-left: 15px
      padding-right: 15px
    .navbar
      padding-left: 0
      padding-right: 0
      border-radius: 4px
  /* The navbar becomes detached from the top, so we round the corners
  /* Bump up size of carousel content
  .carousel-caption p
    margin-bottom: 20px
    font-size: 21px
    line-height: 1.4
  .featurette-heading
    font-size: 38px
    line-height: 50px

@media (min-width: 992px)
  .featurette-heading
    margin-top: 90px

/* Common styles for all types

.bs-callout
  margin: 20px 0
  padding: 20px
  border-left: 3px solid #eee
  h4
    margin-top: 0
    margin-bottom: 5px
  p:last-child
    margin-bottom: 0

/* Variations

.bs-callout-danger
  background-color: #fdf7f7
  border-color: #eed3d7
  h4
    color: #b94a48

.bs-callout-warning
  background-color: #faf8f0
  border-color: #faebcc
  h4
    color: #8a6d3b

.bs-callout-info
  background-color: #f4f8fa
  border-color: #bce8f1
  h4
    color: #34789a

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.

/* By default it's not affixed in mobile views, so undo that

.bs-sidebar.affix
  position: static

/* First level of nav

.bs-sidenav
  margin-top: 30px
  margin-bottom: 30px
  padding-top: 10px
  padding-bottom: 10px
  text-shadow: 0 1px 0 #fff
  background-color: #f7f5fa
  border-radius: 5px

/* All levels of nav

.bs-sidebar .nav
  li
    a
      display: block
      color: #716b7a
      padding: 5px 20px
      &:hover, &:focus
        text-decoration: none
        background-color: #e5e3e9
        border-right: 1px solid #dbd8e0
    .active
      > a, &:hover > a, &:focus > a
        font-weight: bold
        color: #563d7c
        background-color: transparent
        border-right: 1px solid #563d7c
  .nav
    display: none
    /* Hide by default, but at >768px, show it
    margin-bottom: 8px
    > li > a
      padding-top: 3px
      padding-bottom: 3px
      padding-left: 30px
      font-size: 90%

/* Nav: second level (shown on .active)

/* Show and affix the side nav when space allows it
@media (min-width: 992px)
  .bs-sidebar
    .nav > .active > ul
      display: block
    &.affix, &.affix-bottom
      width: 213px
    &.affix
      position: fixed
      /* Undo the static from mobile first approach
      top: 80px
    &.affix-bottom
      position: absolute
      /* Undo the static from mobile first approach
      .bs-sidenav
        margin-top: 0
        margin-bottom: 0
    &.affix .bs-sidenav
      margin-top: 0
      margin-bottom: 0
/* Widen the fixed sidebar

@media (min-width: 1200px)
  /* Widen the fixed sidebar again
  .bs-sidebar
    &.affix-bottom, &.affix
      width: 263px

/*
 * Docs sections
 *
 * Content blocks for each component or feature.

/* Space things out

.bs-docs-section + .bs-docs-section
  padding-top: 40px

/* Janky fix for preventing navbar from overlapping

h1[id]
  padding-top: 80px
  margin-top: -45px

.footer
  color: #999
  text-align: center
  padding: 30px 0
  margin-top: 70px
  border-top: 1px solid #e5e5e5
  background-color: #f5f5f5

.subhead
  padding-top: 80px
  padding-bottom: 20px
  color: #fff
  background-repeat: repeat-x
  background-image: -webkit-linear-gradient(45deg, #020031, #6d3353)
  background-image: -moz-linear-gradient(45deg, #020031, #6d3353)
  background-image: linear-gradient(45deg, #020031, #6d3353)
  &:after
    content: ''
    display: block
    position: absolute
    top: 0
    right: 0
    bottom: 0
    left: 0

.redhead
  padding-top: 80px
  padding-bottom: 20px
  color: #fff
  background-repeat: repeat-x
  background-image: -webkit-linear-gradient(45deg, #FF3030, #FF3030)
  background-image: -moz-linear-gradient(45deg, #020031, #6d3353)
  background-image: linear-gradient(45deg, #4B0082, #FF3030)

.subhead:after
  content: ''
  display: block
  position: absolute
  top: 0
  right: 0
  bottom: 0
  left: 0

#scrollUp
  bottom: 20px
  right: 20px
  height: 38px
  width: 38px
/* background: url("../images/top.png") no-repeat;

.dropdown-menu > li > a
  &:hover, &:focus
    text-decoration: none
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#428bca), to(#357ebd))
    background-image: -webkit-linear-gradient(top, #428bca 0, #357ebd 100%)
    background-image: -moz-linear-gradient(top, #428bca 0, #357ebd 100%)
    background-image: linear-gradient(to bottom, #428bca 0, #357ebd 100%)
    background-repeat: repeat-x
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0)
    color: #FFF
    background-color: #357ebd

.red
  color: #fff

.post_cat1 a
  color: #fff
  margin-right: 5px
  &:hover
    color: #333

.post_cat a
  color: #333
  margin-right: 5px
  &:hover
    color: #333

.lead
  font-size: 1.3em
  a:hover
    cursor: pointer

.panel-black
  border-color: #666
  .panel-heading
    color: #fff
    background-color: #666
    border-color: #666
    + .panel-collapse > .panel-body
      border-top-color: #666
    .panel-footer + .panel-collapse > .panel-body
      border-color: #337ab7

input select textarea
  // font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-family: 'Lucida Console', Monaco, monospace

.panel-heading
  h1
    font-size: 1.4em
    // line-height: 1.5em
    text-align: center
//margin: 0 auto
// padding: 0 auto

#wiki_cnt
  text-align: justify
  p
    text-indent: 2em
    line-height: 1.6em
  h1, h2, h3, h4, h5
    text-indent: 0
  h1
    font-size: 1.5em
    line-height: 1.6em
  h2
    font-size: 1.4em
    line-height: 1.5em
  h3
    font-size: 1.3em
    line-height: 1.4em
  h4
    font-size: 1.2em
    line-height: 1.3em
  h5
    font-size: 1.1em
    line-height: 1.2em

.red
  color: #f00

.text_center
  text-align: center